<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    .box{width: 100px;height: 40px;line-height: 40px;text-align: center;background: #ccc;position: absolute; left:0; top:200px;}
  </style>
</head>
<body>
  <div class="box">悬浮框</div>
  <h1>一级菜单</h1>
  <h1>一级菜单</h1>
  <h1>一级菜单</h1>
  <h1>一级菜单</h1>
  <h1>一级菜单</h1>
  <h1>一级菜单</h1>
  <p>段落</p>
  <p>段落</p>
  <p>段落</p>
  <p>段落</p>
  <p>段落</p>
  <p>段落</p>
  <p>段落</p>
  <h1>一级菜单</h1>
  <h1>一级菜单</h1>
  <h1>一级菜单</h1>
  <h1>一级菜单</h1>
  <h1>一级菜单</h1>
  <p>段落</p>
  <p>段落</p>
  <p>段落</p>
  <p>段落</p>
  <p>段落</p>
  <p>段落</p>
  <p>段落</p>
  <p>段落</p>
  <h1>一级菜单</h1>
  <h1>一级菜单</h1>
  <h1>一级菜单</h1>
  <h1>一级菜单</h1>
  <h1>一级菜单</h1>
  <h1>一级菜单</h1>
  <h1>一级菜单</h1>
  <h1>一级菜单</h1>
  <p>段落</p>
  <p>段落</p>
  <p>段落</p>
  <p>段落</p>
  <p>段落</p>
  <p>段落</p>
  <p>段落</p>
  <p>段落</p>
  <h1>一级菜单</h1>
  <h1>一级菜单</h1>
  <h1>一级菜单</h1>
  <h1>一级菜单</h1>
  <p>段落</p>
  <h1>一级菜单</h1>
</body>
<script src="../move.js"></script>
<script>

  const box = document.querySelector(".box");
  const t = box.offsetTop;

  onscroll = function(){

    move(box, {top: document.documentElement.scrollTop + t})
    
  }


</script>
</html>